<template>
    <div class="dis-flex post_list">
        <div class="list_info" v-for="(item, index) in data" :key="index">
            <Table :columns="columns" :data="item.list">
                <div class="title" slot="header">
                    招聘单位：{{item.title}}
                </div>
            </Table>
            <a class="look_all" @click="lookAll">查看全部</a>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                columns:[
                    {
                        title: '岗位编号',
                        key: 'serial',
                    },
                    {
                        title: '岗位名称',
                        key: 'name',
                    },
                    {
                        title: '拟聘人数',
                        key: 'num',
                    }
                ],
                data:[
                    {
                        title: "深圳市宝安区西乡街道办",
                        list: [
                            {
                                serial: '2020050912',
                                name: '网格员',
                                num: 18
                            },
                            {
                                serial: '2020050911',
                                name: '社区工作者',
                                num: 24
                            },
                            {
                                serial: '2020050912',
                                name: '网格员',
                                num: 18
                            },
                            {
                                serial: '2020050911',
                                name: '社区工作者',
                                num: 24
                            }
                        ]
                    },
                    {
                        title: "深圳市宝安区盐田街道办",
                        list: [
                            {
                                serial: '2020050912',
                                name: '网格员',
                                num: 18
                            },
                            {
                                serial: '2020050911',
                                name: '社区工作者',
                                num: 24
                            },
                            {
                                serial: '2020050912',
                                name: '网格员',
                                num: 18
                            },
                            {
                                serial: '2020050911',
                                name: '社区工作者',
                                num: 24
                            }
                        ]
                    }
                ]
                
            }
        },
        methods: {
            lookAll() {
                
            }
        }
    }
</script>

<style lang="less" scoped>
.post_list {
    width: 1200px;
    justify-content: space-between;
    .list_info {
        border: 1px solid #ccc;
        width: 400px;
        .title {
            font-size: 18px;
            text-align: center;
            font-weight: bold;
        }
    }
    .look_all {
        text-align: center;
        display: block;
    }
    /deep/.ivu-table th, /deep/.ivu-table td, /deep/.ivu-table-title{
        border: none;
    }
}
</style>